<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/index.css') }}">
  <title>Movie</title>
</head>
<body>
  <nav>
    <div class="btn-menu">
        <a href="#" class="btn-menu-icon btn-list-icon"></a>
    </div>
    <div class="clearfix"></div>
    <!-- <span class="logo cl"></span> -->
    <a href="/"><img class="logo" src="{{ url_for('static', filename='images/Mlogo.png') }}" alt="logo"></a>
    <ul class="nav-container-list">
        <li class="nav-list-item"><a href="/movie_history">世界电影史</a></li>
        <li class="nav-list-item"><a href="/movie_fm">电影FM</a></li>
        <li class="nav-list-item"><a href="#">电影大数据</a></li>
        <li class="nav-list-item"><a href="#">经典电影</a></li>
        <li class="nav-list-item"><a href="#">登录</a></li>
    </ul>
</nav>
  <!-- <nav id="nav">
    <div class="nav-menu">
      <a href="#" class="nav-menu-icon nav-list-icon"></a>
    </div>
    <div class="clearfix"></div>
    <div class="nav-content">
      <ul class="nav-content-ul">
        <li class='nav-content-ul-li nav-content-ul-li-menu'><a href="#" class='nav-a'>电影史</a></li>
        <li class='nav-content-ul-li nav-content-ul-li-menu'><a href="#" class='nav-a'>电影FM</a></li>
        <li class='nav-content-ul-li nav-content-ul-li-menu'><a href="#" class='nav-a'>数图解电影</a></li>
        <li class='nav-content-ul-li nav-content-ul-li-menu'><a href="#" class='nav-a'>经典电影</a></li>
      </ul>
    </div>
  </nav> -->
  <div id="stage">
      <ul id="container">
          <li>
              <img src="{{ url_for('static', filename='images/movie01.jpg') }}"/>
              <span><a href="./roate.html">欢乐好声音</a></span>
          </li>
          <li>
              <img src="{{ url_for('static', filename='images/movie02.jpg') }}"/> <span>权利的游戏</span>
          </li>
          <li>
              <img src="{{ url_for('static', filename='images/movie03.jpeg') }}"/> <span>神奇女侠</span>
          </li>
          <li>
              <img src="{{ url_for('static', filename='images/movie04.jpg') }}"/> <span>西西里的美丽传说</span>
          </li>
          <li>
              <img src="{{ url_for('static', filename='images/movie05.jpg') }}"/> <span>穆赫兰道</span>
          </li>
          <li>
              <img src="{{ url_for('static', filename='images/movie06.jpg') }}"/> <span>泰坦尼克号</span>
          </li>
          <li>
              <img src="{{ url_for('static', filename='images/movie07.png') }}"/> <span>三傻大闹宝莱坞</span>
          </li>
          <li>
              <img src="{{ url_for('static', filename='images/movie08.png') }}"/> <span>大话西游</span>
          </li>
          <li>
              <img src="{{ url_for('static', filename='images/movie09.png') }}"/> <span>教父</span>
          </li>
      </ul>
  </div>
</body>
<!-- <script type="text/javascript" src="{{ url_for('static', filename='javascript/jquery.js') }}"></script> -->
<script type="text/javascript" src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js'></script>
<script type="text/javascript" src="{{ url_for('static', filename='javascript/index.js') }}"></script>
</html>
